<template>
  <BvView>
    <BvHeader :center-control="{
      title:`忘记密码`
    }"></BvHeader>

    <div class="bz-flex bz-flex-ai-c">
      <div class="bz-flex-1">账号</div>
      <div class="bz-flex-3"><input type="text" oninput="if(value.length > 12)value = value.slice(0, 12)" placeholder="账号"></div>
    </div>
    <div class="bz-flex bz-flex-ai-c">
      <div class="bz-flex-1">手机号</div>
      <div class="bz-flex-3"><input type="number" pattern="[0-9]*" oninput="if(value.length > 4)value = value.slice(0, 4)"  placeholder="手机号"></div>
    </div>

    <div class="bz-flex bz-flex-ai-c">
      <div class="bz-flex-1">设置密码</div>
      <div class="bz-flex-3"><input type="password" placeholder="密码"></div>
    </div>
    <div class="bz-flex bz-flex-ai-c">
      <div class="bz-flex-1">确定密码</div>
      <div class="bz-flex-3"><input type="password" placeholder="确认密码"></div>
    </div>

    <button>忘记密码</button>
  </BvView>
</template>

<script>
  export default {
    name: "login",
    methods: {

    }
  }
</script>

<style scoped>

</style>
